
import  React from 'react'
import { HashRouter , Switch, Route,NavLink } from 'react-router-dom'

// import { HashRouter   as Router, Switch, Route,NavLink } from 'react-router-dom'


import Home from '../views/Home/HomeIndex'

import Shop from '../views/Shop/ShopIndex'
import Life from '../views/Life/LifeIndex'
import Mine from '../views/Mine/MineIndex'

// import  City from '../views/City/CityIndex'



import  FootNav  from '../components/FootNav/FootNav'

export default  class   RouterApp extends  React.Component {
    render() {
        return(
            <div>
               
                {/* RouterApp */}

                  <HashRouter>
                      <FootNav/> 
                     
                    <Switch>
                        <Route  exact  path='/' component={Home}></Route>
                        <Route path='/shop' component={Shop}></Route>
                        <Route path='/life' component={Life}></Route>
                        <Route path='/mine' component={Mine}></Route>
                        {/* <Route path='/city' component={City}></Route> */}
                        {/* <Route path='/search/:id' component={Search}></Route> */}

                        {/* <Route path='/details/:id' component={Details}></Route> */}
                    </Switch>
                </HashRouter>
                
            </div>
        )
    }
}